.main{
    width: 100%;
    height: 100%;
    .search{
        background: url("../images/wx-wqbanner.png");
        background-size: cover;
        width: 10rem;
        position: relative;
        height: 5.013333333333333rem;
        text-align: center;
        display: flex;
        justify-content: space-between;
        padding: 0rem 0.4rem;
        .search-content{
            border: .01rem solid #fff;
            width: 7.5rem;
            height: .93333333rem;
            border-radius: .13333333rem;
            background: rgba(255,255,255,0.5);
            margin-top: .33333333rem;
            font-size: .32rem;
            display: inline-block;
            .icon-search{
                background: url("../images/search.png");
                background-size: cover;
                width: 0.4666666666666667rem; 
                height: 0.48rem;    
                display: inline-block;   
                vertical-align: sub;    
            }
            input{
                width: 6.5rem;
                height: .9rem;
                border-radius: .13333333rem;
                background: rgba(255,255,255,0.0);
                font-size: .32rem;
            }            
        }
        .search-btn{
            button{
                border-radius: .13333333rem;
                background: rgba(255,255,255,0.5);
                width: 1.3rem;
                height: .9rem;
                font-size: .37333333rem;
                color: #fff;                
            }
        }
    }
    .content{
        .section{
            display: flex;
            margin: 0 .33333333rem;
            .icon{
                padding-top: 0.5rem;
                .icon-on{
                    background: url("../images/icon-pro.png");
                    background-size: cover;
                    width: 0.5866666666666667rem;
                    height: 0.4666666666666667rem;
                    margin-right: 0.3333333333333333rem;
                }
            }            
        }
        .pro{
            height: 1.2rem;
            overflow: hidden;
            padding: 0.2rem 0rem;
            .header-swiper{
                position: relative;
                >.header-swiper-container{
                    >.swiper-wrapper{
                        >.swiper-slide{
                            >a{
                                color: #333;
                                font-size: 0.4rem;
                                p{
                                    line-height: 0.5rem;
                                }
                            }
                        }
                    }         
                }       
            }            
        }
        .section1{
            &:last-child{
                margin-bottom: 3rem;
            }
            .banner{
                margin: .26666667rem .33333333rem;
                height: 2.90666667rem;
                overflow: hidden;
                a{
                    img{
                        
                        height: 2.906666666666667rem;
                    }
                }
            }
        }
        .section-item{
            .banner{
                margin: .26666667rem .33333333rem;
                height: 3.333333333333333rem;
                overflow: hidden;
                a{
                    img{
                        
                        height: 3.333333333333333rem;
                    }
                }
            } 
            .zt{
                margin: 0rem .33333333rem;
                display: flex;
                height: 0.8rem;
                margin-bottom: .26666667rem;
                button{
                    width: 1.6rem;
                    height: 0.8rem;
                    background-color: #dc3838;
                    color: #fff;
                    font-size: 0.3733333333333333rem;
                    border-radius: 0.1333333333333333rem;
                }
                span{
                    display: flex;
                    height: 0.8rem;
                    line-height: 0.8rem;
                    a{
                        color: #333333;
                        font-size: 0.4266666666666667rem;
                        margin-left: 0.1333333333333333rem;                        
                    }

                }
            }           
        }
    }
}
/*相关视频*/
.related {
}
.related > .re-header > h4 {
    font-size: 0.3733333rem;
    font-weight: bold;
    padding-bottom: 0.42666667rem;
}
.re-wrapper > li {
    width: 100%;
    height: 3rem;
    position: relative;
    font-size: 0;
    border-top: .01rem solid #e5e5e5;
    padding: .26666667rem 0rem;
}
.re-wrapper > li:last-child{
border-bottom: .01rem solid #e5e5e5;
}
.re-wrapper > li > a > .re-item-left {
    float: left;
    padding-left: .33333333rem;
}
.re-wrapper > li > a > .re-item-left >img {
    width: 3.693333333333333rem;
    height: 2.4rem;
  overflow: hidden;
}
.re-wrapper > li > a > .re-item-right {
    height: 2.4rem;
    margin: .11rem 0;
    float: right;
    width: 5.5rem;
    padding-right: .33333333rem;
}
.re-wrapper > li > a > .re-item-right > h4 {
  height: 1.8rem;
  line-height: 0.5rem;
  font-size: 0.37rem;
  color: #333;
}
.re-wrapper > li > a > .re-item-right > p {
  font-size: 0.32rem;
  padding:0.24rem 0.24rem 0.24rem 0;
}
.re-wrapper > li > a > .re-item-right > .re-item-right-wrapper >span {
  font-size: 0.32rem;
  color:rgba(153,153,153,1);
}
.re-wrapper > li > a > .re-item-right > .re-item-right-wrapper >span:last-child{
  float: right;
}
.re-all {
    width: 100%;
    text-align: center;
    position: relative;
    padding: 0.6rem 0rem;
    border-bottom: 0.01rem solid #E5E5E5;
}
.re-all > span {
  font-size:0.37rem;
  color:rgba(51,51,51,1);
  display: block;
}
